<template>
	<view class="content">
		<view class="text-area">
			<view class="title" v-if="review == 0">
				<div class="hy">欢迎</div>
				<div class="desc">您将要验证您的ESSENTIAL Fear of God是否为正品 你的商品将让您使用高级内容和服务。</div>
			</view>
			<view class="title" style="margin-bottom: 50px;" v-else-if="review == 1">
				您的产品是正品!
			</view>
			<view class="title" style="margin-bottom: 50px;" v-else-if="review == 2">
				您的产品存疑
			</view>
			<view class="btn" @click="toPage('/pages/choose/choosetime')" v-if="review == 0">
				查验真伪
			</view>
			<view class="btn" style="margin-bottom: 150px;" @click="toPage('/pages/choose/choosetime')" v-else>
				再次查验真伪
			</view>
		</view>
		<overall :back="false" color="#fff" :backgroupcolor='false' :main_logo="true" @login="login"></overall>
		<!-- <u-button></u-button> -->
	</view>
</template>

<script>
	import overall from '../overall.vue'
	export default {
		components: {
			overall
		},
		data() {
			return {
				review: 0
			}
		},
		onLoad(option) {
			this.review = option.review || 0
		},
		methods: {
			toPage(url) {
				uni.navigateTo({
					url: url
				})
			},
			login() {

			}
		}
	}
</script>

<style scoped lang="less">
	.content {
		background-image: url(/static/1.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.text-area {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		min-height: 95vh;
		padding: 5%;
	}

	.title {
		font-size: 50rpx;
		color: #fff;
		font-size: 14.5px;
		display: flex;
		flex-direction: column;
		align-items: center;
		.hy{
			text-align: center;
		}
		.desc{
			text-align: center;
		}
	}

	.btn {
		background-color: #fff;
		width: 100%;
		height: 50px;
		margin-top: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 25rpx;
		font-weight: bolder;
	}
</style>